<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>产品-短视频sdk</title>
  </head>
  <body>
    <!-- 首页的顶部 -->
    <div class="nav">
      <a href="./index.html" class="logo"
        ><img src="<%=require('../../images/logo.png')%>"
      /></a>
      <div class="top_bg"></div>
      <%= require('../../htmlCommon/header.ejs')({current:'product'})%>
    </div>
    <!-- 首页的顶部 -->
    <div class="index-header">
      <img class="header-bg" src="<%=require('../../images/index-bg.png')%>" />
      <div class="common-banner-width">
        <div class="detail-banner commonRegion">
          <div class="solution-common-left">
            <div class="solution-common-title">
              短视频SDK
            </div>
            <p class="solution-common-describe">
              集短视频录制、编辑、上传、存储、分发、播放于一体<br />的全流程短视频技术解决方案，全方位满足功能需求，<br />高效解决短视频开发难题。
            </p>
          </div>
          <div class="banner-img">
            <img src="<%=require('../../images/video-bg.png')%>" />
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="text">
        <h3 class="titles">产品优势</h3>
        <ul class="tab_list">
          <li class="col-4">
            <img src="<%=require('../../images/icon-pro1.png')%>" alt="" />
            <h4>功能完备</h4>
            <p>
              为开发者提供视频采集、剪辑、拼接、特效、美颜、滤镜、发布和播放等领先的短视频功能
            </p>
          </li>
          <li class="col-4">
            <img src="<%=require('../../images/icon-pro2.png')%>" alt="" />
            <h4>性能优异</h4>
            <p>智能软硬编切换， 兼容所有主流机型</p>
          </li>
          <li class="col-4">
            <img src="<%=require('../../images/icon-pro3.png')%>" alt="" />
            <h4>接入简单</h4>
            <p>快速集成短视频，丰富的信令和数据回调，可灵活进行二次开发</p>
          </li>
          <li class="col-4">
            <img src="<%=require('../../images/icon-pro4.png')%>" alt="" />
            <h4>一站式云端服务</h4>
            <p>
              提供终端到云端全链路服务，集采集编辑、合成上传、转码、分发到播放于一体
            </p>
          </li>
        </ul>
      </div>
      <div class="all_tools">
        <h3 class="titles">功能大全</h3>
        <div class="tab_wrap">
          <div class="tab">
            <ul class="tab_list">
              <li class="col-4 on">
                采集处理
              </li>
              <li class="col-4">
                编辑上传
              </li>
              <li class="col-4">
                服务端功能
              </li>
              <li class="col-4">
                播放器功能
              </li>
            </ul>
            <div class="tab_info">
              <div class="item current">
                <ul class="tab_list">
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-10.png')%>"
                    />
                    <p>大眼瘦脸</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-7.png')%>"
                    />
                    <p>动态帖纸</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-26.png')%>"
                    />
                    <p>倍数拍摄</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-27.png')%>"
                    />
                    <p>分段回删</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-4.png')%>"
                    />
                    <p>美颜滤镜</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-19.png')%>"
                    />
                    <p>人脸识别</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-16.png')%>"
                    />
                    <p>片头片尾</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-13.png')%>"
                    />
                    <p>水印功能</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-22.png')%>"
                    />
                    <p>实时截图</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-25.png')%>"
                    />
                    <p>实时预览</p>
                  </li>
                </ul>
              </div>
              <div class="item">
                <ul class="tab_list">
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-32.png')%>"
                    />
                    <p>背景音乐</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-8.png')%>"
                    />
                    <p>视频拼接</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-2.png')%>"
                    />
                    <p>配音录制</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-36.png')%>"
                    />
                    <p>滤镜美化</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-31.png')%>"
                    />
                    <p>本地转码</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-20.png')%>"
                    />
                    <p>断点续传</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-17.png')%>"
                    />
                    <p>视频裁剪</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-33.png')%>"
                    />
                    <p>音频裁剪</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-34.png')%>"
                    />
                    <p>精美贴纸</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-35.png')%>"
                    />
                    <p>转场动画</p>
                  </li>
                </ul>
              </div>
              <div class="item">
                <ul class="tab_list">
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-12.png')%>"
                    />
                    <p>播放鉴权</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-9.png')%>"
                    />
                    <p>CDN加速</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-3.png')%>"
                    />
                    <p>服务转码</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-29.png')%>"
                    />
                    <p>回源鉴权</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-6.png')%>"
                    />
                    <p>智能审核</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-21.png')%>"
                    />
                    <p>媒体管理</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-18.png')%>"
                    />
                    <p>秒开支持</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-15.png')%>"
                    />
                    <p>视频存储</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-24.png')%>"
                    />
                    <p>水印功能</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-28.png')%>"
                    />
                    <p>视频处理</p>
                  </li>
                </ul>
              </div>
              <div class="item">
                <ul class="tab_list">
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-40.png')%>"
                    />
                    <p>倍速播放</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-41.png')%>"
                    />
                    <p>H.265</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-42.png')%>"
                    />
                    <p>多种格式</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-43.png')%>"
                    />
                    <p>截取封面</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-44.png')%>"
                    />
                    <p>秒开支持</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-45.png')%>"
                    />
                    <p>加密播放</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-46.png')%>"
                    />
                    <p>防盗链</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-47.png')%>"
                    />
                    <p>快播</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-49.png')%>"
                    />
                    <p>慢播</p>
                  </li>
                  <li class="col-5">
                    <img
                      class="header-bg"
                      src="<%=require('../../images/sdk-50.png')%>"
                    />
                    <p>拖拉位置</p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="application_context">
        <h3 class="titles">应用场景</h3>
        <ul class="tab_list">
          <li class="col-5">
            <div class="cxt">
              <img src="<%=require('../../images/tu1.png')%>" alt="" />
              <p>社交聊天</p>
            </div>
          </li>
          <li class="col-5">
            <div class="cxt">
              <img src="<%=require('../../images/tu2.png')%>" alt="" />
              <p>社区动态</p>
            </div>
          </li>
          <li class="col-5">
            <div class="cxt">
              <img src="<%=require('../../images/tu3.png')%>" alt="" />
              <p>电商视频</p>
            </div>
          </li>
          <li class="col-5">
            <div class="cxt">
              <img src="<%=require('../../images/tu4.png')%>" alt="" />
              <p>教育培训</p>
            </div>
          </li>
          <li class="col-5">
            <div class="cxt">
              <img src="<%=require('../../images/tu5.png')%>" alt="" />
              <p>媒体资讯</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="inner_flow">
        <h3 class="titles">接入流程</h3>
        <ul class="tab_list">
          <li class="col-3">
            <img src="<%=require('../../images/icon-sdk-1.png')%>" alt="" />
            <span>1</span>
            <h4>联系我们</h4>
            <p>联系电话：15889865234</p>
          </li>
          <li class="col-3">
            <img src="<%=require('../../images/icon-sdk-2.png')%>" alt="" />
            <span>2</span>
            <h4>确定需求</h4>
            <p>确定需求细节、原型，准备应用名称、BundleID、包名</p>
          </li>
          <li class="col-3">
            <img src="<%=require('../../images/icon-sdk-3.png')%>" alt="" />
            <span>3</span>
            <h4>接入</h4>
            <p>查阅文档、SDK、进行技术 协助</p>
          </li>
        </ul>
      </div>
    </div>
    <%= require('../../htmlCommon/footer.ejs')() %>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  </body>
</html>
